<template>
    <el-header class="headerblock">
        <el-row class="block-col-2"  >
            <el-col :span="3" >
                <img src="../../assets/pic/navheader_lablogo.png" class="pic">
            </el-col>
            <el-col :span="8">
            </el-col>
            <el-col :span="2" class = "nav-col-first">
                <el-dropdown>
                    <span class="el-dropdown-link">
                        科学研究
                    </span>
                    <template #dropdown>
                        <el-dropdown-menu>
                            <el-dropdown-item>研究方向</el-dropdown-item>
                            <el-dropdown-item>资料共享</el-dropdown-item>
                            <el-dropdown-item>科研设施</el-dropdown-item>
                        </el-dropdown-menu>
                    </template>
                </el-dropdown>
            </el-col>
            <el-col :span="2" class = "nav-col-first">
                <el-dropdown>
                    <span class="el-dropdown-link">
                        科学研究
                    </span>
                    <template #dropdown>
                        <el-dropdown-menu>
                            <el-dropdown-item>研究方向</el-dropdown-item>
                            <el-dropdown-item>资料共享</el-dropdown-item>
                            <el-dropdown-item>科研设施</el-dropdown-item>
                        </el-dropdown-menu>
                    </template>
                </el-dropdown>
            </el-col>
            <el-col :span="2" class = "nav-col-first">
                <el-dropdown>
                    <span class="el-dropdown-link">
                        科学研究
                    </span>
                    <template #dropdown>
                        <el-dropdown-menu>
                            <el-dropdown-item>研究方向</el-dropdown-item>
                            <el-dropdown-item>资料共享</el-dropdown-item>
                            <el-dropdown-item>科研设施</el-dropdown-item>
                        </el-dropdown-menu>
                    </template>
                </el-dropdown>
            </el-col>
            <el-col :span="2" class = "nav-col-first">
                <el-dropdown>
                    <span class="el-dropdown-link">
                        科学研究
                    </span>
                    <template #dropdown>
                        <el-dropdown-menu>
                            <el-dropdown-item>研究方向</el-dropdown-item>
                            <el-dropdown-item>资料共享</el-dropdown-item>
                            <el-dropdown-item>科研设施</el-dropdown-item>
                        </el-dropdown-menu>
                    </template>
                </el-dropdown>
            </el-col>
            <el-col :span="2" class = "nav-col-first">
                <el-dropdown>
                    <span class="el-dropdown-link">
                        科学研究
                    </span>
                    <template #dropdown>
                        <el-dropdown-menu>
                            <el-dropdown-item>研究方向</el-dropdown-item>
                            <el-dropdown-item>资料共享</el-dropdown-item>
                            <el-dropdown-item>科研设施</el-dropdown-item>
                        </el-dropdown-menu>
                    </template>
                </el-dropdown>
            </el-col>
            <el-col :span="2" class = "nav-col-first">
                <el-dropdown>
                    <span class="el-dropdown-link">
                        科学研究
                    </span>
                    <template #dropdown>
                        <el-dropdown-menu>
                            <el-dropdown-item>研究方向</el-dropdown-item>
                            <el-dropdown-item>资料共享</el-dropdown-item>
                            <el-dropdown-item>科研设施</el-dropdown-item>
                        </el-dropdown-menu>
                    </template>
                </el-dropdown>
            </el-col>
        </el-row>
    </el-header>
</template>
  
<script setup>

</script>

<style scoped>

.headerblock{
    background-color:white; 
    height: 51px; z-index: 99;
    position: fixed;
    width: 100%;
    top:0;
    left: 0;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25)
}
.block-col-2 {
    height: 14px;  
    top: 50%; 
    transform: translateY(-50%);
    /* font-size: 14px;
    margin-bottom: 20px; */
}
.pic{
    height: 34px; 
    width: 121px; 
    top: 50%; 
    transform: translateY(-30%)
}
.nav-col-first {
    
}
</style>
  